Кейс "Эстель"

Редизайн сайта по производству мебели

Фабрика мебели «Эстель» является одним из ведущих производителей мебели на территории Пермского края, изготавливая мебель с 1997 года. Основное направление - изготовление кухонь под заказ. С 2024 года компания активно развивает направление изготовления корпусной мебели под заказ: гостиные, гардеробные, спальни, прихожие, мебель в ванную комнату.

Компания территориально располагается в городе Пермь, где работает 4 салонов-магазинов и 1 салон в г. Березники Пермского края.

Еще одной уникальной особенностью компании является срок изготовления. Компания предлагает изготовить кухню за 7 дней, в то время как другие производители устанавливают сроки от 20 рабочих дней.

Компания работает исключительно на Европейском оборудовании, что позволяет сделать мебель качественной и долговечной.

Цели клиента

Продвижение в интернете и на маркетплейсах. По данным Adindex около 41% людей узнают о новых для себя брендах через онлайн-магазины и маркетплейсы, 34% — в офлайн-магазинах и 30% — из рекламы в интернете. 45% из них затем отправляются в поиск «Яндекса» или Google, чтобы найти больше информации о товаре и решить, где его лучше купить. При этом люди изучают 1–2 страницы — этого достаточно, чтобы определиться с выбором. Поэтому в 2024 году важно не просто запустить онлайн-торговлю, но и регулярно вкладываться в продвижение, чтобы находиться на первых двух страницах поисковой выдачи.
Маркетинг. Важно изучать целевую аудиторию (ЦА), факторы принятия решения о покупке, сценарии применения продукта, и внедрять новые методы взаимодействия. Без четкого понимания, зачем человеку понадобилась новая мебель, как именно он попадет в ваш магазин и какой товар ему лучше предложить, невозможно эффективно настроить рекламную кампанию в интернете или на маркетплейсе. Также понимание потребностей ЦА помогает убедить потенциального покупателя приобрести товар именно у вас.
Ассортимент. Людям проще подобрать всю мебель в одном магазине, чем искать ее у разных продавцов и пытаться представить, как она будет выглядеть в интерьере. Поэтому важно в каждой ценовой категории предоставить покупателям такой ассортимент, который удовлетворит все их запросы. Капсульные коллекции, услуги дизайнера интерьера и комплементарные товары (предметы интерьера, декора, посуда) еще больше увеличат ваш средний чек.
Цена. При прочих равных конечная стоимость товара будет иметь значение для покупателя. Сезонные скидки, акции, программы лояльности, покупка в кредит или в рассрочку помогут сделать лучшее предложение среди конкурентов.
Репутация. Покупатели тщательно изучают отзывы о продавцах в интернете. И если репутация плохая, даже лучшая на рынке цена не поможет склонить человека к покупке. Поэтому важно отслеживать качество продукции, сборки и обслуживания, быстро реагировать на обращения клиентов и решать пробле

Наши цели

Разработать площадку удобную для пользователей с каталогом компании и описанием всей продукции и услугах
Разработать удобную мобильную версию сайта
Заложить для компании возможность быстро и просто управлять скидками и акциями
Разработать для компании шаблонные решения по лид-магнитам, бонусам, подаркам
Заложить в структуру сайта блоки и страницы для СЕО-продвижения
Разработать главную страницу сайта с маркетинговой структурой для удобства ведения таргетированой рекламы
Проработать смыслы и разработать единый стиль для позиционирования компании в веб-пространстве
Улучшить репутацию компании в веб-пространстве

Итог по целям

Компания обратилась с четким пониманием своего вектора развития в рамках веб-продвижения. У эстель уже имелся свой собственный сайт, но он имел низкие показатели конверсии и был сложен для компании в создании новых спец-предложений, управлениями акциями и пр. Так же компания развивается и у нее появились новые услуги, которые сложно было вписать в старый сайт. А так же сам дизайн уже морально устарел. Так же Эстель хотел развить более брендовую историю, для этого они поменяли концепт своего логотипа и стилистики.

Рисунок - старый сайт

Компания имела большую базу собственного контента: 3д-модели, фотографии, видео, но все они не отображались на старом сайте и большинство ресурсов не было задействовано.

Рисунок - старый сайт

Конкуренты

При конкурентном анализе конкурентов Эстель поделили на 2 категории: прямые и косвенные

Рисунок - конкуренты

Точки паритета и отличия

POPs
Другие производители кухонь, как и эстель предоставляют услуги замера помещения, составление дизайн-проекта по индивидуальным размерам заказчика, расчет, доставка и установка мебели.

PODs

Компания Эстель изготавливает мебель в кратчайшие сроки - от 7 рабочих дней.
Собственные производственные и складские помещения. Эстель является изготовителем, а не перепродажником.
Быстрый дозаказ: решение рекламационных случаев занимает в среднем 3 рабочих дня

Целевая аудитория

1. Возраст клиента от 30 до 55 лет. Чаще женщина или семейная пара
2. Бывают пары мама + дочь.
3. Решение о покупке принимают, посоветовавшись с семьей. Время на принятие решения от одного дня (если клиент обращается повторно) до 1 месяца.
4. Покупатель живет в городах Пермского края в квартире, которая находится в городе или частном доме.
5. Автомобиль имеет
6. Средний чек покупателя за 2023 год, по всем покупкам включая корпус и кухни, а также одиночные товары – 72 000 руб.
7. В основном клиент берет мебель за деньги, кредитом пользуется очень редко (менее 25% случаев).

Выводы

Целевая аудитория ценит время и практичность. Используя уникальные торговые преимущества Эстель и ей необходимо привлекать и удерживать клиентов, доводя их до покупки мебели в компании. Важно всегда изучать поведение ЦА, для того, чтобы легче было убедить покупателя принять решение о покупке, а также для эффективной настройки рекламных кампаний в сети интернет.

Постоянно отслеживать работу сервиса, чтобы конкурировать с другими организациями в сфере услуг.

Концепт идея

Мебель изготавливаемая компанией Эстет эргономичная, в ее основе лежат не только высококачественные материалы, но и приятные пастельные и натуральные цвета, что создают ощущение комфорта. В дизайн-концепции хотелось продолжить эту тему, и связать стиль с природными элементами. Природа всегда создаёт лучшие картины мира, а дома всегда хочется создать свой оазис комфорта. Поэтому вдохновляясь природными пейзажами мы постарались вписать натуральные элементы (зелень, листва, камни) в дизайн. И продолжить идею, что "стиль жизни" это не только про функциональность и качество, но и про место, куда всегда хочется вернуться

рисунок - концепт из презентации для клиента

Цвета

Цвета подбирались под основные цвета бренда, где акцентным является зеленый и желто-серый к нему белый и черный

рисунок - слайд из презентации для клиента

Типографика

Клиент пришел уже со своими фирименными шрифтами, которые хотел видеть на своем сайте

рисунок - слайд из презентации для клиента

Композиция

Рассматривая прямых и косвенных конкурентов, я опиралась лишь на ведущих мировых брендов и их дизайн. В сфере прослеживается тренд на минималистичность и скандинавский стиль в веб дизайне, что ознаменовано акцентом на проектах. Подобным трендом чаще всего пользуются архитектурные бюро, чтобы показать пользователю индивидуальность решений и уникальный подход к каждому проекту. Поэтому композиция выбиралась легкая, уникальная с акцентом на качественные фотографии Эстель. Подобный подход не только поможет влиться в современный тренд, но из-за уникальности отдельных блоков отделиться от конкурентов и подняться на новый этап

Рисунок - композиция

Продукция

Основной задачей компании стало увеличение чека на продукцию. За счёт дизайна мы старались передать эксклюзивность и современность решений. Эстель имеет качественные 3D рендеры, которые хочется рассматривать, поэтому было принято решение дать пользователю как можно больше насладиться продукцией компании, при этом не создавая визуального шума. Чтобы избежать излишней когнитивной нагрузки на пользователя и показать премиальность, мы добавили в композицию больше воздуха увеличивая элитарность продукции

Рисунок - показ продукции

Структура

Старая структура

Для начала, чтобы понять какие страницы есть на сайте и куда стоит двигаться для начала была разобрана старая структура сайта. Сайт был не большой, но на нем все равно присутствовали сложности при поиске для клиента. Так например компания продает отдельные готовые товары без выполнения под заказ, но на сайте был затруднен поиск подобного

Рисунок - старая структура

Новая структура

Новая структура сайта разрабатывалась с учетом всех видов мебели, которая производит фирма. Таким образом мы выделили 5 основных направлений: кухни; кровати и матрасы; шкафы; тумбы и комоды; столы и стулья. Также отдельной страницей была вынесена страница для поиска товара по каталогу

Рисунок - новая структура

Текстовая структура

Перед началом работы прорабатывалась текстовая структура сайта для каждой страницы. При определении концепта она разрабатывалась только для главной страницы и после утверждения также прорабатывалась для всего сайта. Это было сделано для того, чтобы учесть все поставленные цели

Рисунок - текстовая структура главной страницы Эстель

Low-fi прототип

Перед разработкой сайта были разработаны прототипы со структурой, чтобы учесть все смыслы, которые закладывались на сайт

Рисунок - структура сайта

Мудборды

Главная страница

На основе концептуальной идеи эргономичности природы и акценте на 3Д рендерах компании я предложила вариант дизайна главной страницы:

Рисунок - главная страница

Концепт был принят с 1-го раза практически без изменений. В дальнейшем были добавлен 1 дополнительный блок с дополнительным СТА и поправилась нижняя форма контактов

Также был предложен темный вариант дизайна, но он был отвергнут из-за возможности неудобства считывания контента

Рисунок - темная тема

Каталог

Каталог прорабатывался под 5 основных видов услуг компании и внутри каждого вида было уже более детальное ранжирование по типу товара и для различных ЦА

Кухни

Кухни поделили на 5 видов: П-образные, с островом, прямые, угловые, а также отдельно выделили категории "на заказ" и "модульные кухни". Каталог имеет шаблонный вид, где учтена фильтрация. первым блоком стоит основное предложение компании из категории, дальше идут подборки стилям, акциям, цене. Так же подборки для ЦА например "для семейных пар" или "кухня для ваших родителей". Были учтены и СЕО-блоки с описанием особенностей, коллекций и пр. А в карточки товаров были разработаны купоны-врезки для специальных и сезонных предложений (например: скидка на сантехнику весь сентябрь)

рисунок - каталог кухонь

Кровати и матрасы

рисунок - каталог кровати и матрасы

Шкафы

рисунок - каталог шкаф

Тумбы и комоды

рисунок - каталог тумбы и комоды

Столы и стулья

рисунок - каталог столы и стулья

Каталог для поиска

рисунок - каталог поиска по фильтрации

Карточка товара

Страница товара разрабатывалась совместно с командой маркетологов. чтобы учесть не только демонстрацию внешнего вида товара, но и рассказать о товаре больше с учетом ЦА компании. Для этого было сделано следующее:

Маркетинговые крючки которые включали в себя: калькулятор стоимости, консультации, подарок к конкретному выбранному решению, быстрый переход для связи с менеджером, СТА
Социальные доказательства. Основой этому послужили отзывы и яндекс-рейтинг товара, а так же реальные фотографии товара от пользователей
Обзор товаров. В карточку так же был заложен видео-показ и галерея, где пользователей сможет подробнее ознакомиться с товаром или комплектом товаров
Преимущества и доп. опции. Компания осуществляет доставку и сборку, так же на выбор предоставляет возможность реализации из разных материалов, что так де было описано на странице товара
Дополнительные товары. В различном формате так же были предложены наиболее популярные товары, те товары которые подходят к конкретной комплектации (например набор стульев к конкретной кухне), а также аукционные товары и похожие.

рисунок - карточка товара

Поп-ап карточки товара

Для А/В тестирования были сразу разработаны и заложены разные формы поп-апов, для дальнейшего выбора наиболее простого и понятного пути для пользователя

изображение - поп-ап

Страницы "о компании"

О компании. Компания на рынке почти 30 лет, поэтому на данной странице передаётся опыт и стаж работы, а также кропотливый подход к работе, цели и ценности.

Вакансии. Компания периодически публикует собственные вакансии и помимо самих карточек и описания вакансии были переданы преимущества со стороны работника, такие как: наличие трансфера, дмс, внутренние корпоративы и пр.

Примеры работ. Тут собраны реальные фотографии с примерами выполненных работ, которые сортируются по фильтрам с типами работ, стилями и пр. А так же дана возможность перейти на товары из этих работ и дано более детальное описание стилей и коллекций.

Рисунок - страницы "О компании"

Страницы услуг и акций

Помимо продажи и изготовления мебели, Эстель также предоставляет дополнительные услуги

Замер. На данной странице описано как именно предоставляется услуга и в какой срок, так же для повышения лояльности среди пользователей я добавила дополнительные блоки с видео, как именно происходит замер помещения, этапами, что следуют после замера, наиболее частыми вопросами и фотографиями самих замерщиков, где описаны их регалии.

Доставка и оплата. Страница практически идентична "замеру", но чтобы не создавать шаблонность порядок блоков немного отличается

Акции. Тут представлены все актуальные акции компании, а также постоянные акции. Помимо карточек с самой акцией на данной странице сразу предложено перейти к акционным товарам, а так же собраны все актуальные акционные подборки, например "скидка 10% при 100% оплате"

Гарантии. Компания предоставляет гарантии на свои виды продукции, данная страница отвечает на наиболее частые вопросы о том что является или не является гарантийным случаем, а также при необходимости обсудить подробности дает возможность сразу же связаться с менеджером.

Рисунок - Страницы услуг и акций

Партнеры

Помимо фирменных магазинов Эстель также имеет партнеров в разных городах, так как компания занимается производством, то имеет возможность продавать свою мебель в магазинах-партнерах. Данная страница описывает преимущества а так же партнеров с фильтрацией по городам

Рисунок - партнерство

Блог и сотрудничество

Сотрудничество. В сфере производства мебели одной из ЦА часто также становятся дизайнеры и на этой странице были описаны все преимущества для сотрудничества с дизайнерами

Блог. У компании было много видео, которые она почти нигде не публиковала, и чтобы дать такую возможность и повысить кол-во переходов на сайт со сторонних ресурсов был так же разработан блог, где отражаются как и полезные моменты, которыми компания готова поделиться, так и последние события

Страницы блога. В дизайне было представлено в основном 2 страницы: с видео форматом и текстовым форматом. Таже 2 дополнительные страницы с существующим контентом компании для демонстрации заполнения этих страниц.

Рисунок - блог и сотрудничество

Контакты

СТА для контактов разрабатывался совместно с командой маркетологов и было принято решение предложить пользователям сразу получить каталог и связаться с менеджером через ватсап.

Также в данном разделе представлены все контактные данные фирменных магазинов и карта с адресами.

Рисунок - контакты

Консистентность

Все элементы и блоки принадлежат единой разработанной дизайн-системе, что делает сайт консистентным а адаптивным.

рисунок - ui-kit

Анимация

Для сайта была разработана своя уникальная анимация, в которую входило: появление текста, изображений, скорость скролла, паралаксы, горизонтальный скролл и пр. Вся анимация передавалась разработчику в лотти-формате

Рисунок - часть тз по анимации для разработчика

Пример анимации

(видео загружено через кинескоп, может понадобиться двойной клик для воспроизведения)

анимация - главный экран

анимация - главная страница

Сроки

Дизайн для всего сайта и анимация для него разрабатывался на протяжении 2,5 месяца. На данный момент сайт передается на верстку.

Итог

Как основным декоративным элементом по всему сайту идут атрибуты природы ее фотографии и декоративные линии. Все было подобрано так, чтобы передать гармоничность стили компания и отразить ее на сайте и вызвать нужные эмоции
Для всего сайта были разработаны адаптивные версии, так чтобы пользователям было удобно взаимодействовать с ним с мобильных устройств
Самая долгая часть была разработка каталога и карточек товара, вместе с командой маркетологов были заложены и продуманы наиболее удобные решения и заранее подготовлены варианты для быстрой адаптации пользователей

Выводы

С самого начала до самого конца проект шел исключительно в конструктивном русле, заказчики предоставляли вовремя качественный контент и все идеи и стратегии обсуждались быстро и успешно с обоих сторон, от чего удалось добиться всех поставленных целей с обеих сторон. Также для удобства взаимодействия созвоны с заказчиком проходили еженедельно и это помогало оперативно отвечать на все вопросы и реагировать на все основные моменты.